<?PHP
	include 'adminStyles.php';
	require_once "../../../../mainfile.php";
?>
<div style="margin:8px;">
	<form id="category" name="category" action="" method="post" onSubmit="addNewCat();" onKeyPress="return event.keyCode != 13" dojoType="dijit.form.Form">
		
  <table >
    <tr>
      <th colspan="3">Manage event Categories</th>
    </tr>
    <!-- CATEGORY ####################################################### -->
    <tr>
      <td class="head" style="width:100px;font-weight:<?PHP echo $adminFormItemHeaderWeight; ?>;"></td>
      <td class="even" colspan="2">
      	<div preload="true" id="dropDownContentPane" href="includes/dropDownCategoriesHtml.php" dojoType="dijit.layout.ContentPane" preventCache="true">  
      </td>
    </tr>
    <!-- CATEGORY NAME ####################################################### -->
    <tr>
      <td class="head" style="width:100px;font-weight:<?PHP echo $adminFormItemHeaderWeight; ?>;">Category:<span style='font-size:10px;color:#FF0000'>*</span></td>
      <td class="even" colspan="2">
      	<input id="catName" name="catName" value=""
                dojoType="dijit.form.TextBox"
                trim="true"
                propercase="true" onChange="dijit.byId('add').setDisabled(false);dijit.byId('resetCatForm').setDisabled(false);" required="true"/>
      </td>
    </tr>
	<!-- DESCRIPTION ####################################################### -->
    <tr>
      <td class="head" style="width:100px;font-weight:<?PHP echo $adminFormItemHeaderWeight; ?>;">Description:</td>
      <td class="even" colspan="2">
      	<div dojoType="dijit.form.Textarea" trim="true" propercase="true" maxLength="200" id="catDescription" name="catDescription" style="width:300px;">
        </div>
      </td>
    </tr>
	<!-- SUBMIT BUTTONS ####################################################### -->
    <tr>
      <td class="head" style="width:100px;font-weight:<?PHP echo $adminFormItemHeaderWeight; ?>;">&nbsp;</td>
      <td class="even" colspan="2">
      	<button dojoType="dijit.form.Button" id="add" disabled="true" onClick="addNewCat();" style="height: 50px;">Add New</button><button dojoType="dijit.form.Button" disabled="true" id="update" onClick="updateCat();" style="height: 50px;">Update Category</button><button dojoType="dijit.form.Button" onClick="deleteCat();" disabled="true" id="delete" style="height: 50px;">Delete Category</button><button dojoType="dijit.form.Button" disabled="true" id="resetCatForm" onClick="resetCatForm();" style="height: 50px;">Reset Form</button> 
      </td>
    </tr>        
     
  </table>
	</form>
</div>